<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>云网融合产品演示</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>

<body>

<!-- particles.js container -->
<div id="particles-js"></div>

<!-- stats - count particles -->
<div class="count-particles">
  <span class="js-count-particles">--</span> particles

</div>

<div id="title" class="title-particles">
  <transition name="bounce">
    <p class="text-wrap box" v-if="show"><b>云 网 融 合 产 品<br>之<br>{{ name }}<br><br>测 试 成 功 !</b></p>
  </transition>
</div>


<!-- particles.js lib (JavaScript CodePen settings): https://github.com/VincentGarreau/particles.js -->
<script src="{{ url_for('static', filename='js/particles.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/stats.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/vue.min.js') }}"></script>

<script src="{{ url_for('static', filename='js/index.js') }}"></script>

<script type="text/javascript">

myTitle = new Vue({
  el: '#title',
  data: {
    show: false
  }
});

myTitle.show = true;

</script>

</body>
</html>
